#wrapper {
  padding-left: 250px;
  transition: all 0.4s ease 0s;
}

#sidebar-wrapper {
  margin-left: -250px;
  left: 250px;
  width: 250px;
  padding-left: 10px; 
  position: fixed;
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
  transition: all 0.4s ease 0s;
}

#page-content-wrapper {
	padding: 20px;
  width: 100%;
}

.content-header {
  height: 65px;
  line-height: 65px;
}

.content-header h1 {
  margin: 0;
  display: block;
}

#menu-toggle {
  display: none;
}

.inset {
  padding: 20px;
}

@media (max-width:767px) {

	#wrapper {
	  padding-left: 0;
	}
	
	#sidebar-wrapper {
	  left: 0;
	}
	
	#wrapper.active {
	  position: relative;
	  left: 250px;
	}
	
	#wrapper.active #sidebar-wrapper {
	  left: 250px;
	  width: 250px;
	  transition: all 0.4s ease 0s;
	}
	
	#menu-toggle {
	  display: inline-block;
	}
	
	.inset {
	  padding: 15px;
	}

}
